import {createUseStyles} from "react-jss";
import {theme} from "antd";
import {GlobalToken} from "antd/es/theme/interface";

export const useGlobalStyle = () => {
    let {token} = theme.useToken();
    return createUseStyles({
        highlightTextColor: (token: GlobalToken) => {
            return {
                color: token.gold6,
            }
        },
        rowClickableTable(token: GlobalToken) {
            return {
                "& tbody": {
                    "& tr": {
                        "&:hover": {
                            cursor: "pointer"
                        }
                    }
                }
            }
        }
    })(token)
}